<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>每日国学</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
</head>
<style>
    .scroll-x{background-color: #fff;padding-top:7px;padding-bottom:7px;white-space: nowrap;overflow-x: scroll;}
    .mar-btn{display:inline-block; margin-right:30px;}
    .scroll-x::-webkit-scrollbar{display:none;}
    .ten-a{text-decoration:none;out-line: none;color: #232323;}
</style>
<body style="background-color: #ececec">
<div class="container">
    <div class="row" style="background-color:#fff;height:50px;padding-top:16px;text-align: center">
        <div class="col-xs-4">
            <a href="" class="ten-a"><span>三字经</span></a>
        </div>
        <div class="col-xs-4">
            <a href="" class="ten-a"><span>子弟归</span></a>
        </div>
        <div class="col-xs-4">
            <a href="" class="ten-a"><span>唐诗三百首</span></a>
        </div>
    </div>
</div>
<div class="container">
    <div class="row" style="padding-top: 5px;padding-bottom:15px; ">
        <div class="col-xs-12">
            <div style="float: right">
                <span>查看</span>
                <select style="border-radius:4px;">
                    <option value="volvo">获赞</option>
                    <option value="saab">Saab</option>
                    <option value="opel">Opel</option>
                    <option value="audi">Audi</option>
                </select>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-12" style="padding: 0px; text-align: center;margin-bottom: 10px;">
            <div style="text-align: center;width:32%;height:150px;background-color:#fff;float: left;margin-top:10px;border-radius:5px;margin-right:1.3%">
                <div style="position: relative;width:50px;display:inline-block;">
                    <img src="imgs/chart.jpg" alt="" style="width:50px;margin-top:20px;">
                    <div style="position:absolute;top:37px;left:52px;width:27px;height:27px;border-radius:50%; background-color:#ffbb56;border: 1px solid red;">
                        <span style="font-size:20px;">2</span>
                    </div>
                </div>
                <br>
                <div style="margin-top:5px;">小闹闹</div>
                <div style="margin-top:32px;">43/52</div>
            </div>
            <div style="text-align: center;width:32%;height:160px;background-color:#fff;float: left;border-radius:5px;margin-right:1.3%">
                <div style="position: relative;width:50px;display:inline-block;">
                    <img src="imgs/chart.jpg" alt="" style="width:50px;margin-top:20px;">
                    <div style="position:absolute;top:37px;left:52px;width:27px;height:27px;border-radius:50%; background-color:#ffbb56;border: 1px solid red;">
                        <span style="font-size:20px;">1</span>
                    </div>
                </div>
                <br>
                <div style="margin-top:5px;">小闹闹</div>
                <div style="margin-top:35px;">43/52</div>
            </div>
            <div style="text-align: center;width:32%;height:140px;margin-top:20px;background-color:#fff;float: left;border-radius:5px;margin-right:1.3%">
                <div style="position: relative;width:50px;display:inline-block;">
                    <img src="imgs/chart.jpg" alt="" style="width:50px;margin-top:20px;">
                    <div style="position:absolute;top:37px;left:52px;width:27px;height:27px;border-radius:50%; background-color:#ffbb56;border: 1px solid red;">
                        <span style="font-size:20px;">3</span>
                    </div>
                </div>
                <br>
                <div style="margin-top:5px;">小闹闹</div>
                <div style="margin-top:23px;">43/52</div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">12</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小皮球</div>
                <div style="float: right;margin-top: 20px;">12赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">5</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小豆豆</div>
                <div style="float: right;margin-top: 20px;">15赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">8</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">张大海</div>
                <div style="float: right;margin-top: 20px;">9赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">2</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小李子</div>
                <div style="float: right;margin-top: 20px;">18赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">6</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小凳子</div>
                <div style="float: right;margin-top: 20px;">22赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">3</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小哄哄</div>
                <div style="float: right;margin-top: 20px;">25赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">7</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">李小琴</div>
                <div style="float: right;margin-top: 20px;">14赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">3</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小皮球</div>
                <div style="float: right;margin-top: 20px;">16赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">9</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小拉拉</div>
                <div style="float: right;margin-top: 20px;">29赞</div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:1px;background-color: #fff;height:60px;">
        <div class="col-xs-12">
            <h2 style="float: left;margin-top:15px;color: #fff;width:28px;height:28px;background-color:#ffbb56;border-radius: 50%;text-align: center ">4</h2>
            <div>
                <img src="imgs/chart.jpg" alt="" style="margin-left: 10px;width:50px;margin-top:5px;border-radius: 50%;float: left">
                <div style="margin-left:30px;float: left;margin-top: 20px;">小皮球</div>
                <div style="float: right;margin-top: 20px;">30赞</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
